<template>
  <div>
    <span :class="{right:(item === '回答正确'),error:(item === '回答错误' ),undo:(item === '未完成' )}" v-for="(item, index) in flagList" :key="index">
      {{ index + 1 }}: {{ item }}</span
    >
  </div>
</template>

<script>
export default {
  props: ["flagList"],
  data() {
    return {};
  },
  methods: {
    handleColor() {},
  },
};
</script>

<style scoped>
.right {
  color: green;
}
.error {
  color: red;
}
.undo {
  color: #ccc;
}
</style>
